<template>
  <div class="message">
    <van-nav-bar fixed placeholder title="消息中心">
      <template #right>
        <img src="/img/qcxx.png" alt="" />
      </template>
    </van-nav-bar>
    <div id="bs">
      <router-link to="/system">
        <div class="xitong">
          <img src="/img/xttz.png" alt="" />
          <div>
            <div class="van-ellipsis">系统通知</div>
            <span>暂无消息暂无消息暂无消息暂无消息</span>
          </div>
        </div>
      </router-link>
      <router-link to="/interact">
        <div class="xitong">
          <img src="/img/hdxx.png" alt="" />
          <div>
            <div class="van-ellipsis">互动消息</div>
            <span>暂无消息</span>
          </div>
        </div>
      </router-link>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.message {
  #bs {
    height: 100vh;
    background: #f5f5f5;
    .xitong {
      padding-top: 20px;
      margin-left: 15px;
      margin-bottom: 4.9vh;
      display: flex;
      width: 92vw;
      div {
        text-align: left;
        // width: 74vw;
        div {
          color: #333;
          margin-left: 15px;
          margin-bottom: 5px;
        }
        span {
          margin-left: 15px;
          font-style: normal;
          font-size: 12px;
          color: #999;
        }
      }
    }
  }
}
</style>
